.report-design {
    width: 100%;
    height: 100vh;
    background: #dadce0;
    overflow: hidden;
}
/* 基础组件 */
.silder-design-aside {
    background: #F6F6F6;
    margin: 0;
    padding: 0;
    border-right: 1px solid #A2A2A2;
}
/* 头部 标题 */
.report-design .report-title {
    background: #F3F3F3;
    border-bottom: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.report-design .report-title .title {
    flex: 1;
}
.report-design .report-title .title .text {
    font-size: 20px;
    cursor: pointer;
    color: #000;
    line-height: 30px;
    padding: 3px 10px;
    transition: background .25s;
    display: inline-block;
}
.report-design .report-title .title .text:hover {
    background-color: #eee;
}
.report-design .report-title .title .el-input__inner:focus {
    border-color: #ccc;
}
.report-design .report-title .title .el-input {
    width: 240px;
}
.report-design .popconfirm {
    margin-left: 10px;
}
.marginLeft10 {
    margin-left: 10px;
}
/* 工具栏 */
.report-design .report-toolbar {
    background: #F3F3F3;
    border-bottom: 1px solid #A2A2A2;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
/* 内容区 */
/* 内容区 */
.centerBox {
    zoom: 90%;
}
.report-design .el-main {
    zoom: 94%;
    /* 缩放比例 */
    /* transform: scale(0.9); */
    /* 缩放的原点 */
    /* transform-origin: 0 0 0 0; */
    padding: 0;
    position: relative;
}

/* prop 属性配置 */
.report-design .prop-design-aside {
    background: #F6F6F6;
    margin: 0;
    padding: 0;
    border-left: 1px solid #A2A2A2;
}
/* 动画 */
.fade-transform-leave-active,
.fade-transform-enter-active {
    transition: all .5s;
}

.fade-transform-enter {
    opacity: 0;
    transform: translateX(-30px);
}

.fade-transform-leave-to {
    opacity: 0;
    transform: translateX(30px);
}

.el-popconfirm__main {
    max-width: 200px;
}

/* 预览 dialog */

.render-dialog .el-dialog__body {
    background: #e0e0e0;
    position: relative;
    padding: 0;
    height: 520px;
}

